<div style="user-select: none; height: calc(100vh - 115px); overflow: auto">
  <nz-table
    #basicTable
    [nzData]="listOfData"
    [nzSize]="'small'"
    [nzPageSize]="7"
    [nzData]="listOfData"
    [nzSize]="'small'"
    [nzPageSize]="condition.pageSize"
    [nzFrontPagination]="false"
    [nzTotal]="total"
    [(nzPageIndex)]="condition.pageNo"
    (nzPageIndexChange)="getList()"
  >
    <thead>
      <tr>
        <th>单价</th>
        <th>数量</th>
        <th>结算金额</th>
        <th>顾客名</th>
        <th nzWidth="28%" style="text-align: center">时间</th>
      </tr>
    </thead>
    <tbody>
      <tr
        *ngFor="let data of basicTable.data"
        (touchstart)="touchstart(data)"
        (touchend)="touchend()"
        (touchmove)="touchmove()"
        nz-popover
        (click)="noevent($event)"
        [nzPopoverContent]="contentTemplate"
        [nzPopoverVisible]="data.show && data.state == 1"
        [nzPopoverTrigger]="null"
        [ngStyle]="{ color: data.state ? '#333' : '#999' }"
      >
        <td>{{ data.price }}</td>
        <td>{{ data.num }}</td>
        <td>{{ data.count_price }}</td>
        <td>{{ data.customer }}</td>
        <td style="text-align: center">
          {{ data.out_time }}
        </td>
        <ng-template #contentTemplate>
          <span (click)="clickMe(data)" style="color: #f00">标记为退货</span>
        </ng-template>
      </tr>
    </tbody>
  </nz-table>
</div>
